/**
 * Created by Administrator on 2017/9/26.
 */
var username = sessionStorage.getItem('username');
var useraddr = sessionStorage.getItem('useraddr');
var img_url = "http://47.92.37.168/supermarket/img/";
var num_cart = 0;
var total_price = 0;
// 天猫超市 收起 展开
var flage_tab = true;
$(document).ready(function(){

$('.chaoshi').click(function(){
    $('.section-box').toggle();
    if(flage_tab){
        $(this).find('.shouqi').toggleClass('active');
    }
});
//全选
$('.bottom .qxqaq').click(function(){
    fn_span();
    zongsl();
});
// 获取购物车产品数量
$.ajax({
    type:"get"
    ,url:"http://47.92.37.168/supermarket/data/get_commodity_car.php"
    ,async:true
    ,data:{'user_phone':username}
    ,dataType:"jsonp"
    ,jsonp:"callback"
    ,success:function(data){
        console.log(data);
        num_cart = data.length;
        if(data){
            $(data).each(function(){
                $('.box').append('<div class="section-box" id='+this.commodity_id+'>'+
                    '<div class="box-ul">'+
                    '<div class="ul-top">'+
                    '<img src="../img/heimao.png" alt="">'+
                    '<span>美洲野牛旗舰店</span>'+
                    '<img src="../img/right.png" alt="">'+
                    '<div class="lingquan">'+
                    '<a href="#">领券</a>'+
                    '<p></p>'+
                    '<a href="#">编辑</a>'+
                    '</div>'+
                    '</div>'+
                    '<div class="shang">'+
                    '<div class="check active dxqaq"></div>'+
                    '<img src="" alt="">'+
                    '<ul class="shang-xq">'+
                    '<li class="shang-mc"></li>'+
                    '<li class="pro_price price">'+data.price+'</li>'+
                    '<li>'+
                    '<span>￥</span><span class="money">398</span>'+
                    '<s>￥569</s>'+
                    '<p>x <span class="dzsl">'+this.count+'</span></p>'+
                    '</li>'+
                    '<li>'+
                    '<button class="jian">-</button>'+
                    '<input type="text" value="'+this.count+'" class="shuliang" contenteditable="true">'+
                    '<button class="jia">+</button>'+
                    '<button class="del" id='+this.commodity_id+'>删除</button>'+
                    '</li></ul></div></div></div>');
                var index = $(data).index(this);
                getData(this.commodity_id,index);
            });
        }
    }
});
// 获取产品图片、名称、单价的函数
function getData(pro_id,index){
    $.ajax({
        type:"get",
        url:"http://47.92.37.168/supermarket/data/get_commodity_info.php",
        async:true,
        data:{'id':pro_id},
        // dataType:"jsonp",
        // jsonp:"callback",
        success:function(data){
            console.log(pro_id,data);
            $('.shang').eq(index).find('img').attr('src',img_url+data.img);
            $('.money').eq(index).attr('price',data.price);
            $('.shang-mc').eq(index).html(data.name);
            $('.shuliang').eq(index).val(data.count);
            $('.dzsl').eq(index).html(data.count);
            $('.money').eq(index).html(data.price);
            $('.pro_price').eq(index).html(parseFloat($('.dzsl').eq(index).html() * $('.money').eq(index).html()).toFixed(2));
            zongjia();  //调用总价
            zongsl();   //调用总数量
        }
    })
}
// 点击加按钮
    $(document).on('click','.jia',function(){
        var num = $(this).prev().val();
        num++;
        var index = $('.jia').index(this);
        $(this).prev().val(num);
        $('.dzsl').eq(index).html(num);
        // $('.pro_price').eq(index).html((Number(num)*Number($('.pro_price').eq(index).attr('price'))).toFixed(2));
        $('.pro_price').eq(index).html(parseFloat($('.dzsl').eq(index).html() * $('.money').eq(index).html()).toFixed(2));
        zongjia();
        zongsl();
        setCount(num,$(this));
    });
// 点击减按钮
    $(document).on('click','.jian',function(){
       var num = $(this).next().val();
       num--;
       if(num!=0){
           var index = $('.jian').index(this);
           $(this).next().val(num);
           $('.dzsl').eq(index).html(num);
           $('.pro_price').eq(index).html(parseFloat($('.dzsl').eq(index).html() * $('.money').eq(index).html()).toFixed(2));
           zongjia();
           zongsl();
           setCount(num,$(this));
       }
    });
// 点击加减修改数据库数据-函数
    function setCount(num,_this){
        $.ajax({
            type:"get"
            ,url:"http://47.92.37.168/supermarket/data/my_commodity_update_car.php"
            ,async:true
            ,data:{
                'user_phone':username,
                'commodity_id':_this.parents('.section-box').attr('id'),
                'count':num
            }
            ,dataType:"jsonp"
            ,jsonp:"callback"
            ,success:function(data){
                console.log(data);
            }
        });
    }
//购物车总数量
    zongsl();
    function zongsl() {
        var zong = 0;
        for(var i=0;i<$('.dzsl').length;i++){
            zong += parseInt($('.dzsl').eq(i).html());
        }
        $('.zsl').html(zong);
    }
// 购物车总价
    zongjia();
    function zongjia(){
        var zong = 0;
        $('.pro_price.selected').each(function(){
            zong += Number($(this).text());
        });
        $('.zongjia').html('￥'+zong);   //总价
    }
    // 全选
    var num_total = num_cart;
    var flag_all = true;
    // 封装全选函数
    function fn_span(){
        $('.section-box .dxqaq').each(function(){
            if(!$(this).hasClass('active')){
                flag_all = false;
            }
        });
        if(flag_all == false){
            $('.section-box .dxqaq').addClass('active');
            $('.bottom .qxqaq').addClass('active');
            num_total = num_cart;
            $('.pro_price').addClass('selected');
        }else{
            $('.section-box .dxqaq').removeClass('active');
            $('.bottom .qxqaq').removeClass('active');
            num_total = 0;
            $('.jiesuan span').text(num_total);
            $('.pro_price').removeClass('selected');
        }
        $('.jiesuan span').text(num_total);
        zongjia();  //调用总价
        flag_all = true;    //让全选按钮等于true状态
    }
    //单选按钮
    $(document).on('click','.dxqaq',function(){
       var index = $('.dxqaq').index(this);
        if(!$(this).hasClass('active')){
            $(this).addClass('active');
            $('.pro_price').eq(index).addClass('selected');
            num_total++;
        }else{
            $(this).removeClass('active');
            $('.pro_price').eq(index).removeClass('selected');
            num_total--;
        }
        $('.dxqaq').each(function(){
            if(!$(this).hasClass('active')){
                flag_all = false;
            }
        });
        if(flag_all == false){
            $('.qxqaq').removeClass('active');
        }else{
            $('.qxqaq').addClass('active');
            $('.jiesuan span').text(num_total);
        }
        flag_all = true;
        zongjia();
        zongsl();
    });
//产品数量获取焦点时得到商品数量
var commodity_num=0;
var reg_cn=/^[1-9][0-9]*$/;
$(document).on('focus','.shuliang',function(){
    commodity_num=$(this).text();
});
//产品数量失去焦点时改变前后台数据
$(document).on('blur','.shuliang',function(){
    var index=$('.shuliang').index(this);
    if ( reg_cn.test($(this).val()) ) {
        $('.pro_price').eq(index).html(($(this).val()*$('.money').eq(index).attr('price')).toFixed(2) );
        $('.dzsl').eq(index).html($(this).val());
        zongjia();//购物车总价也要变
        zongsl();//购物车总数量
        //改变数据库的数据
        setCount($(this).val(),$(this));
    } else{
        $(this).val(commodity_num);
    }
});
// 删除商品
var pro_id = 0;
var _this = true;
$(document).on('click','.del',function(){
    $('.zhezhao').css('display','block');
    $('.bao').css({'opacity':'1','transform':'scale(1)'});
    pro_id = $(this).attr('id');
    _this = $(this);
});
// 删除商品确定按钮
$('.queren').click(function(){
    // 删除里面的数据
    $.ajax({
        type:"get"
        ,url:"http://47.92.37.168/supermarket/data/my_commodity_delete_car.php"
        ,async:true
        ,data:{
            'commodity_id':pro_id,
            'user_phone':username
        }
        ,dataType:"jsonp"
        ,jsonp:"callback"
        ,success:function(data){
            console.log(data);
            if(data[0].msg == 'success'){
                _this.parents('.section-box').animate({'opacity':'0'},300,function(){
                    _this.parents('.section-box').remove();//删除页面上此栏产品
                    zongjia();//获取购物车商品总价
                    zongsl();//购物车总数量
                });
                num_cart--;
                num_total--;
            }
        }
    });
    $('.zhezhao').css('display','none');
    $('.bao').css({'opacity':'0','transform':'scale(0)'});
});
// 删除商品取消按钮
    $('.quxiao').click(function(){
        $('.zhezhao').css('display','none');
    });
});